<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@font-face {
	  font-family: 'iconfont';  /* project id 1610217 */
	  src: url('//at.alicdn.com/t/font_1610217_3s4f9btmidg.eot');
	  src: url('//at.alicdn.com/t/font_1610217_3s4f9btmidg.eot?#iefix') format('embedded-opentype'),
	  url('//at.alicdn.com/t/font_1610217_3s4f9btmidg.woff2') format('woff2'),
	  url('//at.alicdn.com/t/font_1610217_3s4f9btmidg.woff') format('woff'),
	  url('//at.alicdn.com/t/font_1610217_3s4f9btmidg.ttf') format('truetype'),
	  url('//at.alicdn.com/t/font_1610217_3s4f9btmidg.svg#iconfont') format('svg');
	}
	
	.iconfont {
	  font-family: "iconfont" !important;
	  font-size: 16px;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	
	.icon-guanbi:before {
	  content: "\e659";
	}
	
	.icon-listview:before {
	  content: "\e67b";
	}
	
	.icon-zonghe:before {
	  content: "\e69e";
	}
	
	.icon-shouqi:before {
	  content: "\e6b8";
	}
	
	.icon-xiala:before {
	  content: "\e6b9";
	}
	
	.icon-xiayibu:before {
	  content: "\e6ba";
	}
	
	.icon-next:before {
	  content: "\e6a2";
	}
	
	.container {
	  display: flex;
	  flex-direction: column;
	  box-sizing: border-box;
	} 
	.search {
	  background-color: #d81e06;
	  padding: 16rpx 48rpx;
	}
	
	.search-area {
	  background-color: #fff;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  height: 64rpx;
	  border-radius: 64rpx;
	  padding: 0 28rpx;
	  overflow: hidden;
	}
	
	.search-area input {
	  width: 80%;
	  font-size: 32rpx;
	  border: none;
	}
	
	.search-area button {
	  width: 20%;
	  border:none;
	  height: 64rpx;
	  text-indent: -99999rpx;
	  background: url("") no-repeat center #fff;
	}
	button::before {
	  border: none;
	}
	button::after {
	  border: none;
	}
</style>
